<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('新增会议文件')" />
<!--    <th:block th:include="include :: datetimepicker-css" />-->
    <th:block th:include="include :: bootstrap-fileinput-css" />
</head>
<body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
        <form class="form-horizontal m" id="form-files-add">
<!--            <input name="conId" th:value="${conId}" type="hidden">-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">创建人;创建人：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <input name="createdBy" class="form-control" type="text">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">创建时间;创建时间：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <div class="input-group date">-->
<!--                            <input name="createdTime" class="form-control" placeholder="yyyy-MM-dd" type="text">-->
<!--                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">更新人;更新人：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <input name="updatedBy" class="form-control" type="text">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">更新时间;更新时间：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <div class="input-group date">-->
<!--                            <input name="updatedTime" class="form-control" placeholder="yyyy-MM-dd" type="text">-->
<!--                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">删除标识;删除标识:0:未删除;1:已删除：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <input name="isDelete" class="form-control" type="text">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">所属会议ID;所属会议ID：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <input name="conId" class="form-control" type="text">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">上传会议文件名称;上传会议文件名称：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <input name="confileName" class="form-control" type="text">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">上传会议文件的路径;上传会议文件的路径：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <input name="confileUrl" class="form-control" type="text">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">会议文件排序;会议文件排序：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <input name="confileSort" class="form-control" type="text">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">上传文件的提示;上传文件的提示：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <input name="confilePrompt" class="form-control" type="text">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">文件是否需要转换;文件是否需要转换：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <input name="confileIsRequired" class="form-control" type="text">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">转换会议文件的名称;转换会议文件的名称：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <input name="confileNewName" class="form-control" type="text">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">转换会议文件的路径;转换会议文件的路径：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <input name="confileNewUrl" class="form-control" type="text">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xs-12">-->
<!--                <div class="form-group">-->
<!--                    <label class="col-sm-3 control-label">转换文件的提示;转换文件的提示：</label>-->
<!--                    <div class="col-sm-8">-->
<!--                        <input name="file" class="form-control" type="file">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
            <div class="form-group">
                <label class="font-noraml">单文件上传</label>
                <div class="file-loading">
                    <input id="singleFile"  name="file" type="file">
                </div>
            </div>
        </form>
    </div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: datetimepicker-js" />
    <script th:inline="javascript">
        let conId=[[${conId}]];
        let file;
        let originalFilename;
        var prefix = ctx + "system/files"
        $("#form-files-add").validate({
            focusCleanup: true
        });

        function submitHandler() {
            // if ($.validate.form()) {
            //     $.operate.save(prefix + "/add", $('#form-files-add').serialize());
            // }
            console.log(conId)
            console.log(file)
            $.ajax({
                url:prefix+"/add",
                type:"post",
                data:{
                    "conId":conId,
                    "file":file,
                    "fileName":originalFilename
                },
                success:function (result){
                    if(typeof callback == "function"){
                        callback(result);
                    }
                    $.operate.successCallback(result);
                }
            })
        }

    </script>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: bootstrap-fileinput-js" />
    <script th:inline="javascript">

        $(document).ready(function () {
            // 单图上传
            $("#singleFile").fileinput({
                uploadUrl: ctx + 'common/upload',
                maxFileCount: 1,
                autoReplace: true
            }).on('fileuploaded', function (event, data, previewId, index) {
                var rsp = data.response;
                file=rsp.fileName
                originalFilename = rsp.originalFilename
                log.info("return url：" + rsp.url)
                log.info("reutrn fileName：" + rsp.fileName)
                log.info("reutrn newFileName：" + rsp.newFileName)
                log.info("return originalFilename：" + rsp.originalFilename)
            }).on('fileremoved', function (event, id, index) {
                $("input[name='" + event.currentTarget.id + "']").val('')
            })

            // // 多图上传
            // $("#multipleFile").fileinput({
            //     uploadUrl: ctx + 'common/uploads',
            //     uploadAsync: false
            // }).on('filebatchuploadsuccess', function (event, data, previewId, index) {
            //     var rsp = data.response;
            //     log.info("return urls：" + rsp.urls)
            //     log.info("reutrn fileNames：" + rsp.fileNames)
            //     log.info("reutrn newFileNames：" + rsp.newFileNames)
            //     log.info("return originalFilenames：" + rsp.originalFilenames)
            // }).on('fileremoved', function (event, id, index) {
            //     $("input[name='" + event.currentTarget.id + "']").val('')
            // })
        });
    </script>
</body>
</html>